<div id="browserContent" class="window">
  <div class="leftPanel scrollable">
    <input id="browser_content_referable_id" type="hidden" name="browser[referable_id]" value="<%= @content_item.andand.id %>">
    <input id="browser_content_referable_type" type="hidden" name="browser[referable_type]" value="<%= @content_item.andand.class.andand.name %>" >
    <input id="browser_content_referable_title" type="hidden" name="browser[referable_title]" value="" >    
    <input id="browser_content_url" type="hidden" name="browser[url]" value="">    
    
        <ul class="selectlist" id="browserContentContentItems">
          <% @content_selection.each do |content_class| %>
            <% active = content_class == @content_type %>
            <li id="browserContentContentItems<%= content_class.to_s %>">
              <%= link_to content_class.model_name.human(:count => 2), skyline_browser_tabs_content_item_path(content_class, :referable_id => params[:referable_id]), :class => (active ? "active" : nil), :remote => true %>
            </li>
          <% end %>
        </ul>		    
      </div>
      <div class="rightPanel scrollable" id="browserContentContentPanel">
        <%= render :partial => "skyline/browser/tabs/content_items/show" %>  
      </div>
    </div>
<script type="text/javascript" charset="utf-8">  
  (function(){
    var mtp = new Skyline.HorizontalLayout("browserContent", {height: 200, hidden: true});
    var lp = mtp.addPanel(mtp.element.getElement(".leftPanel"),{width: 200});
    mtp.addSplitter();
    var rp = mtp.addPanel(mtp.element.getElement(".rightPanel"));
  })();

</script>
